body,html {margin: 0; height: 100%; line-height: 1.0; font-family: 'Microsoft YaHei'; background-color: #000; }
	#contain{margin: 0 auto; width: 100%; max-width: 1024px; _width: 1024px; background-color: #fff;}
	/* iPhone */
	@media screen and (max-width:320px){
		#logoArea{ width: 100%; height: 200px; text-align: center; }
			#rocklogo{ width: 150px; height: 150px;}
	}
	/* iPhone - mini */
	@media screen and (min-width:320px) and (max-width:568px){
		#logoArea{ width: 100%; height: 250px; text-align: center; }
   			#rocklogo{ width: 200px; height: 200px;}
	}	
	/* iPhone - iPad */
	@media screen and (min-width:568px) and (max-width:1024px){
		#logoArea{ width: 100%; height: 300px; text-align: center; }
  			#rocklogo{ width: 250px; height: 250px;}
	}
	/* PC */
	@media screen and (min-width:1024px){
		#logoArea{ width: 100%; height: 350px; text-align: center; }
			#rocklogo{ width: 300px; height: 300px;}
	}
	/* 操作区域  */
	#welcome{ margin-top:25px; width: 100%;}
		#welcomeTitle{ width: 100%; height: 20px; font-size: 20px; font-weight:900; text-align: center; }
		#welcomeIntroduce{ margin: 10px 5%; width: 90%; text-align: center; border:1px dashed red;}
		#welcomePC{ margin: 10px 5%; width: 90%; text-align: center; border:1px dashed red; display: none; }
		#welcomeStart{ margin-top: 10px; width: 100%; height:80px; text-align: center; display: none;   }
			.btnArea{ float:left; margin-top: 20px; margin-left: 35%; color: #fff; line-height: 35px; background-color: #ff9900; width: 30%; height: 40px;   }
		#welcomeSorry{ margin: 10px 5%; width: 90%; text-align: center; border:1px dashed red; display: none;}
		#welcomeMobile{ margin: 10px 5%; width: 90%; text-align: center; border:1px dashed red; display: none;  }
		#welcomeRestart{ margin-top: 10px; width: 100%; height:80px; text-align: center; display: none; }
		#welcomeFooter{ margin-top: 10px; width: 100%; height: 30px; text-align: center; }
		
	
/*动画元素*/
.animation-logo{-webkit-animation:rock 10s 0s infinite ease both; animation:rock 10s 0s infinite ease both;}
/* android Iphone */
@-webkit-keyframes rock{
	40%{
		-webkit-transform: perspective(400px) ;
		-webkit-animation-timing-function:ease-out;
	}
	50%{
		-webkit-transform:perspective(400px) scale(.9) rotate(40deg);
		-webkit-animation-timing-function:ease-out;
	}
	55%{
		-webkit-transform:perspective(400px) rotate(-20deg);
		-webkit-animation-timing-function:ease-in;
	}
	60%{
		-webkit-transform:perspective(400px) rotate(0);
		-webkit-animation-timing-function:ease-in;
	}
	75%{
		-webkit-transform:perspective(400px) scale(1.1) rotate(30deg);
		-webkit-animation-timing-function:ease-in;
	}
	80%{
		-webkit-transform:perspective(400px) rotate(-30deg);
		-webkit-animation-timing-function:ease-in;
	}
	85%{
		-webkit-transform:perspective(400px)  rotate(0deg);
		-webkit-animation-timing-function:ease-in;
	}
}
/* windows phone */
@keyframes rock{
	40%{
		transform: perspective(400px) ;
	}
	50%{
		transform:perspective(400px) scale(.9) rotate(40deg);
	}
	55%{
		transform:perspective(400px) rotate(-40deg);
	}
	60%{
		transform:perspective(400px) rotate(0);
	}
	75%{
		transform:perspective(400px) scale(1.1) rotate(30deg);
	}
	80%{
		transform:perspective(400px) rotate(-30deg);
	}
	85%{
		transform:perspective(400px) rotate(0deg);
	}
}
